<!DOCTYPE html>
<html>
	
<!-- Mirrored from responsivewebinc.com/premium/renata2/portfolio.html by HTTrack Website Copier/3.x [XR&CO'2013], Sat, 01 Mar 2014 06:46:21 GMT -->
<head>
		<!-- Title here -->
		<title> Netzone Family</title>
		<!-- Description, Keywords and Author -->
		<meta name="description" content="Your description">
		<meta name="keywords" content="Your,Keywords">
		<meta name="author" content="ResponsiveWebInc">
		
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		
		
		
		
		<!-- Styles -->
		<!-- Bootstrap CSS -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!-- Animate CSS -->
		<link href="css/animate.min.css" rel="stylesheet">
		<!-- Slider Revolution CSS -->
		<link href="css/rs-settings.css" rel="stylesheet">
		<!--[if IE 8]>
		<link rel="stylesheet" href="css/rs-settings-ie8.css">
		<![endif]-->
		<!-- Countdown Watch -->
		<link href="css/jquery.countdown.css" rel="stylesheet">
		<!-- Portfolio CSS -->
		<link href="css/prettyPhoto.css" rel="stylesheet">
		<!-- Font awesome CSS -->
		<link href="css/font-awesome.min.css" rel="stylesheet">		
		<!-- Custom CSS -->
		<link href="css/style.css" rel="stylesheet">
		<link href="js/jquery.js" rel="stylesheet">
					<link href="js/bootstrap.min.js" rel="stylesheet">
		<!--[if IE]>
		<link rel="stylesheet" href="css/ie-style.css">
		<![endif]-->
		
		<!-- Favicon -->
		<link rel="shortcut icon" href="#">
	</head>
	
	<body>
		
		<!-- Header Bar Start -->
		<div class="header">
			<div class="container">
				<!-- Navigation Menu Start -->
				<div class="navigation">
					<div class="row">
						<!-- Navigation Menu Link Lists -->
					<div class="col-md-3 col-sm-5 col-xs-7">
	<div class="menu">
		<span class="br-lblue"><i class="fa fa-desktop"></i> &nbsp; Menu Column</span>
		<div class="menu-list">
			<ul>
				<li><a href="aboutus.html"><i class="fa fa-user pink"></i> About Us</a></li>	
			    <li><a href="portfolio.html"><i class="fa fa-camera green"></i>Our Team</a></li>
				<li><a href="support.html"><i class="fa fa-envelope orange"></i> Support</a></li>
				<li><a href="contact.html"><i class="fa fa-phone orange"></i> Contact Us</a></li>
					
			</ul>
		</div>
	</div>
</div>

<div class="col-md-3 col-sm-5 col-xs-7">
	<div class="menu">
		<span class="br-red"><i class="fa fa-desktop"></i> &nbsp; Menu Column</span>
		<div class="menu-list">
			<ul>
			<li><a href="pricing.html"><i class="fa fa-table red"></i>Internet Packages</a></li>
			<li><a href="products.html"><i class="fa fa-puzzle-piece pink"></i> Products</a></li>
			<li><a href="service.html"><i class="fa fa-gear red"></i> Service</a></li>
	        <li><a href="testimonials.html"><i class="fa fa-group pink"></i> Testimonials</a></li>
			
			</ul>
		</div>
	</div>
</div>


<div class="col-md-3 col-sm-5 col-xs-7">
	<div class="menu">
		<span class="br-orange"><i class="fa fa-desktop"></i> &nbsp; Menu Column</span>
		<div class="menu-list">
			<ul>
				    <li><a href="faq.html"><i class="fa fa-question red"></i> FAQ</a></li>
					<li><a href="login.html"><i class="fa fa-sign-in green"></i> Login / Register</a></li>
			        <li><a href="#"><i class="fa fa-comments-o blue"></i> Blog Page</a></li>
                    <li><a href="careers.html"><i class="fa fa-briefcase lblue"></i> Careers</a></li>
				
			</ul>
		</div>
	</div>
</div>

<div class="col-md-3 col-sm-5 col-xs-7">
	<div class="sform br-white">
		<span><i class="fa fa-envelope lblue"></i> Subscription</span>
		<div class="form">
			<form role="form" action="php/sub_tnx.php" method="POST">
				<div class="form-group">

					<input type="text" name="name" class="form-control" placeholder="Enter your Name (required)" required>
					<input type="email" name="email" class="form-control" placeholder="Enter your E-mail (required)" required>
					<button type="submit" class="btn btn-info btn-sm">Subscribe</button>
					<button type="reset" class="btn btn-default btn-sm">Reset</button>
				</div>
			</form>
		</div>
	</div>
</div>


						
					
					</div>
				</div>
			</div>
				<!-- Navigation menu end -->
		</div>
		<!-- Navigation Menu Button -->
			<div class="menu-btn">
				<a href="#">Menu <i class="fa fa-chevron-down"></i></a>
			</div>
		
		
		<!-- Head Start -->
		<div class="head inner-pages">
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-4">
						<!-- Logo and Head Text -->
						<div class="logo">
							<!-- Logo Icon and Heading -->
							<img src="" class="img-responsive" alt="" /><span><a href="index.html">Netzone</a></span>
						</div>
					</div>
					<div class="col-md-3 col-sm-4">
						<!-- Social Icon Menu -->
						<div class="social">
							<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
							<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
							<a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a>
							<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
						</div>
					</div>					<div class="col-md-3 col-sm-4">
						<div class="search">
							<form>
								<div class="input-group">
									<input type="text" class="form-control" placeholder="Text to search">
									<span class="input-group-btn">
										<button class="btn btn-danger" type="button"><i class="fa fa-search"></i></button>
									</span>
								</div>
							</form>
						</div>
					</div>
					<div class="col-md-3 hidden-sm">
					</div>
				</div>
			</div>
		</div>
		<!-- Menu Bar End -->
		
		
		<!-- Inner Page Heading -->
		<div class="inner-page portfolio">
			<div class="container">
				<h2><i class="fa fa-camera green"></i><strong>Netzone </strong> family </h2>
				<div class="img-portfolio">
                    <p>
                        <!-- Add filter names inside "data-filter". For example ".web-design", ".seo", etc., Filter names are used to filter the below images. -->
                        <ul id="filters">
							<li><a href="#" data-filter="*" class="btn btn-default">All</a></li>
							<li><a href="#" data-filter=".one" class="btn btn-default">CEO</a></li>
							<li><a href="#" data-filter=".two" class="btn btn-default">Managers</a></li>
							<li><a href="#" data-filter=".three" class="btn btn-default">Technichal staff</a></li>
							<li><a href="#" data-filter=".four" class="btn btn-default">Marketing</a></li>
							<li><a href="#" data-filter=".five" class="btn btn-default">alone</a></li>
                        </ul>
                    </p>
                        
                        
                    <div id="portfolio">
                        <!-- Add the above used filter names inside div tag. You can add more than one filter names. For image lightbox you need to include "a" tag pointing to image link, along with the class "prettyphoto". --> 
						<!-- Portfolio Item -->
						<div class="element one  ">
							<!--Image Link  -->
							<a href="img/portfolio/1.jpg" class="prettyphoto">
								<!-- Image -->
								<img src="img/portfolio/1.jpg" width="200px" height="200px" alt=""/>
								<!-- Portfolio caption -->
								<div class="pcap">
									<!-- Heading & Paragraph -->
									<h4>Khaleqyar Haidari</h4>
									<p>Cheif Executive Officer</p>
								</div>
							</a>
						</div>

						<div class="element two ">
							<a href="img/portfolio/2.jpg" class="prettyphoto">
								<img src="img/portfolio/2.jpg" alt=""/>
								<div class="pcap">
									<h4>Navid</h4>
									<p>Vsat Engineer</p>
								</div>                           
							</a>
						</div>
						<div class="element  two"><a href="img/portfolio/3.jpg" class="prettyphoto">
                           <img src="img/portfolio/3.jpg" alt=""/>
                           <div class="pcap">
                              <h4>Khodadad</h4>
                              <p>Vsat Engineer</p>
                           </div>                           
                       </a></div>

                       <div class="element three "><a href="img/portfolio/4.jpg" class="prettyphoto">
                           <img src="img/portfolio/4.jpg" alt=""/>
                           <div class="pcap">
                              <h4>Sami</h4>
                              <p>IT Support</p>
                           </div>                           
                       </a></div>
                       <div class="element three "><a href="img/portfolio/5.jpg" class="prettyphoto">
                           <img src="img/portfolio/5.jpg" alt=""/>
                           <div class="pcap">
                              <h4>Mujtaba</h4>
                              <p>IT Intern</p>
                           </div>                           
                       </a></div>
                       <div class="element three "><a href="img/portfolio/6.jpg" class="prettyphoto">
                           <img src="img/portfolio/6.jpg" alt=""/>
                           <div class="pcap">
                              <h4>Sohail</h4>
                              <p>IT Technacian</p>
                           </div>                           
                       </a></div>
                       <div class="element three "><a href="img/portfolio/7.jpg" class="prettyphoto">
                           <img src="img/portfolio/7.jpg" alt=""/>
                           <div class="pcap">
                              <h4>Mujtaba</h4>
                              <p>Vsat Engineer</p>
                           </div>                           
                       </a></div>
                       <div class="element three "><a href="img/portfolio/8.jpg" class="prettyphoto">
                           <img src="img/portfolio/8.jpg" alt=""/>
                           <div class="pcap">
                              <h4>Fazel Bari</h4>
                              <p>IT Officer</p>
                           </div>                           
                       </a></div>
                       <div class="element three "><a href="img/portfolio/9.jpg" class="prettyphoto">
                           <img src="img/portfolio/9.jpg" alt=""/>
                           <div class="pcap">
                              <h4>Waisudding</h4>
                              <p>Vsat Engineer</p>
                           </div>                           
                       </a></div>
                       <div class="element three "><a href="img/portfolio/10.jpg" class="prettyphoto">
                           <img src="img/portfolio/10.jpg" alt=""/>
                           <div class="pcap">
                              <h4>Zia Baba</h4>
                              <p>Kalane finance</p>
                           </div>                           
                       </a></div>
                       <div class="element three "><a href="img/portfolio/11.jpg" class="prettyphoto">
                           <img src="img/portfolio/11.jpg" alt=""/>
                           <div class="pcap">
                              <h4>Baqer </h4>
                              <p>Support 27/4</p>
                           </div>                           
                       </a></div>
                       
                       <div class="element five"><a href="img/portfolio/12.jpg" class="prettyphoto">
                           <img src="img/portfolio/12.jpg" alt=""/>
                           <div class="pcap">
                              <h4>Murtaza Mehrnia</h4>
                              <p>Software Engineer</p>
                           </div>                           
                       </a></div> 
                       <div class="element four "><a href="img/portfolio/13.jpg" class="prettyphoto">
                           <img src="img/portfolio/13.jpg" alt=""/>
                           <div class="pcap">
                              <h4>Asheq Hossain</h4>
                              <p>Marketing Manager</p>
                           </div>                           
                       </a></div> 
                       <div class="element three "><a href="img/portfolio/14.jpg" class="prettyphoto">
                           <img src="img/portfolio/14.jpg" alt=""/>
                           <div class="pcap">
                              <h4>M.Ibrahim</h4>
                              <p>Vsat Engineer</p>
                           </div>                           
                       </a></div>
                       <div class="element three "><a href="img/portfolio/15.jpg" class="prettyphoto">
                           <img src="img/portfolio/15.jpg" alt=""/>
                           <div class="pcap">
                            </div>
						<p>Nextone, Maybe you<p>
                             
                           </div>                           
                       </a>
                       <button class="btn btn-primary btn-small span2" data-toggle="modal" data-target="#myModal">
 						 Apply Now</div>
						</button>
                             <!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Please fill the form </h4>
      </div>
      <div class="modal-body">
         <div class="contact-form" >
                                 
                                    <form class="form-horizontal" role="form"  method="POST" action="php/sendemail.php">
                                        <div class="form-group">
                                            <label for="Name" class="col-lg-2 control-label">Name</label>
                                            <div class="col-lg-10">
                                                <input type="text" class="form-control" name="name" placeholder=" required " id="name" required>
                                            </div>
                                        </div>
                                         
                                        <div class="form-group">
                                        <label for="Email" class="col-lg-2 control-label">Email</label>
                                            <div class="col-lg-10">
                                                <input type="email" class="form-control" name="email" placeholder=" required "  id="email" required>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="number" class="col-lg-2 control-label">Mobile </label>
                                            <div class="col-lg-10">
                                                <input type="number" class="form-control" name="number" placeholder=" required "  id="number" required>
                                            </div>
                                        </div>

 							
                                       <div class="control-group">
                      					  <label class="control-label"></label>
                        					<div style="padding-left:100px;" class="controls">
                        					 <label style="padding-left:10px;padding-top:26px;" for="number" class="col-lg-2 control-label">Your_CV</label><br>
                         						<input  type="file" name="image" class=" span3  " required>

                       						 </div><br>

                  					  </div>

                                        <div class="form-group">
                                            <div class="col-lg-offset-2 col-lg-10">
                                                <button type="submit" name="submit" class="btn btn-info">Submit</button> &nbsp;
                                                <button type="reset" class="btn">Reset</button>
                                            </div>
                                        </div>
                                    </form>
                                    <?php 
                                        if(isset($_POST['submit'])){
                                            echo 'thank you' ;
                                               
                                    ?>
                                </div>


      </div>
      <div class="modal-footer">
        <a class="btn" data-dismiss="modal">Cancel</a>
        
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
       
					
				</div>
			</div>
		</div>
				
				
		<!-- CTA Start -->
		
		
		
		<!-- CTA End -->
		
		
		
		<!-- Sponsor Start -->
		
		
		<!-- Sponsor End -->
		
		
		<!-- Scroll to top -->
		<span class="totop"><a href="#"><i class="fa fa-chevron-up"></i></a></span> 
		<!-- Footer Start -->
		
		<div class="footer">
			
					<div class="clearfix"></div>
					<div style="padding-left:150px;" class="row">
						<div class="col-md-3 col-sm-3">
							<div class="footer-widget">
								<h4><i class="fa fa-unlink"></i> &nbsp; Navigation</h4>
								<ul>
									<li><a href="index.html"><i class="fa fa-home"></i> &nbsp; Home</a></li>
									<li><a href="service.html"><i class="fa fa-gear"></i> &nbsp; Service</a></li>
									<li><a href="feature.html"><i class="fa fa-laptop"></i> &nbsp; Feature</a></li>
									<li><a href="pricing.html"><i class="fa fa-table"></i> &nbsp; Pricing</a></li>
								</ul>
							</div>
						</div>
						<div class="col-md-4 col-sm-4">
							<div  class="footer-widget">
								<h4><i class="fa fa-user"></i> &nbsp; About Us</h4>
								<p>NETZONE LTD is a private investment for business company owned 100% by Afghan investors. NETZONE LTD is holding a valid business license from Afghanistan Investment Support Agency (AISA) and a National ISP & Telecom license by MCIT and ATRA.</p>
								
							</div>
						</div>
						
						<div class="col-md-4 col-sm-5">
							<div style="padding-right:0px;" class="footer-widget">
								<h4><i class="fa fa-phone"></i> &nbsp; Netzone LTD.</h4>
								
								<p>House # 10, Pul-e-Surkh,<br />3rd Police Station Main Road <br />District 3, Kabul Afghanistan<p>
								<p><span class="mute">E-mail</span> : <a href="mailto:sales@netzone.af?Subject=Request%20for%20Information">sales@netzone.af</a><br /> <span class="mute">Phone no.</span> : +93 799 888 201</p>

							</div>
						</div>
						
					</div>
					<div class="copy">
						<p>&copy; Copyright <a href="www.netzone.af">Netzone LTD All rights reserved by Netzone LTD</a></p>
						

						
					</div>
				</div>
			</div>
		</div>
		
		
		<!-- Footer End -->	
		
		<!-- Javascript files -->
		<!-- jQuery -->
		<script src="js/jquery.js"></script>
		<!-- Bootstrap JS -->
		<script src="js/bootstrap.min.js"></script>
		<!-- jQuery REVOLUTION Slider  -->
		<script type="text/javascript" src="js/jquery.themepunch.plugins.min.js"></script>
		<script type="text/javascript" src="js/jquery.themepunch.revolution.min.js"></script>
		<!-- jQuery way points -->
		<script src="js/waypoints.min.js"></script>
		<!-- Jquery for Countdown Watch -->
		<script type="text/javascript" src="js/jquery.countdown.min.js"></script>
		<!-- Portfolio JS -->
		<!-- Pretty Photo, Filter And Isotope JS -->
		<script type="text/javascript" src="js/filter.js"></script>
		<script type="text/javascript" src="js/isotope.js"></script>
		<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
		<!-- Respond JS for IE8 -->
		<script type="text/javascript" src="js/respond.min.js"></script>
		<!-- HTML5 Support for IE -->
		<script type="text/javascript" src="js/html5shiv.js"></script>
		<!-- Custom JS -->
		<script type="text/javascript" src="js/custom.js"></script>
	</body>	

<!-- Mirrored from responsivewebinc.com/premium/renata2/portfolio.html by HTTrack Website Copier/3.x [XR&CO'2013], Sat, 01 Mar 2014 06:46:22 GMT -->
</html>